/*header*/
header{width:100%;background:#fff;height:70px;display:inline-block;position:fixed;top:0;z-index:99;}
header .navbar{width:90%;height:50px;margin:15px auto;position:relative;}
header .navbar .logo{height:50px;float:left;line-height:50px;}
header .navbar .logo .minlogo{float: left;width:220px;height:47px;}

header .navbar .logo .minlogo img{ width:220px;}
header .navbar .logo .logoname{padding-left:10px;}
header .navbar .hamburger{float:right;margin-top:8px;}
header .navbar #hamburger-5.is-active{margin-top:-5px;}

header .navbar #hamburger-5.is-active .line:nth-child(1),header .navbar #hamburger-5.is-active .line:nth-child(3){width:15px;margin:13px auto;}
header .navbar .hamburgerlist{position:absolute;width:680px;right:90px;top:0px;}
.hamburgerlist ul li{float: left;border-right: solid 1px #e7e7e7;position: relative;padding: 0 40px;color: #000;line-height:24px;margin-left: 20px;font-size: 14px;}
.hamburgerlist ul li:nth-child(1){margin-left: 0}
.hamburgerlist ul li:nth-child(3){border:none;padding-top: 10px;}
.hamburgerlist ul li:nth-child(1)::before{content: '';position: absolute;width: 26px; height: 32px; background: url(../images/location.png) no-repeat; width: 350px;left: 8px;top: 10px;}
.hamburgerlist ul li:nth-child(2)::before{content: '';position: absolute;width: 24px; height: 32px; background: url(../images/mobile_icon.png) no-repeat;width: 260px;left: 5px;top: 10px;}
.hamburgerlist ul li:nth-child(3)::before{content: '';position: absolute;width: 31px; height: 30px; background: url(../images/phone_icon.png) no-repeat;width: 260px;top: 10px;left: 5px;}
header .navbar .navlist{float:right;line-height:50px;}
header .navbar .navlist ul li{float:left;margin:0 25px;font-size: 14px;}

/*footer*/
.companyinfo_l{float: left;width:345px;}
footer{width: 100%;position: relative;z-index: 9;background: #313131;height: 335px;overflow: hidden;}
footer .companyinfo{width: 1200px;margin: 0 auto;}
footer .companyinfo .logoinfo{margin-left: 30px;float: left; width: 320px; height: 180px;}
footer .companyinfo .logoinfo .logo{float:left;margin-top: 50px;}

footer .companyinfo .logoinfo .logotext{float: left;margin-top: 55px;margin-left: 15px;color: #fff;}
footer .companyinfo .logoinfo .logotext p{font-size: 30px;line-height: 28px;text-align: center;}
footer .companyinfo .logoinfo .logotext p:nth-of-type(2){font-size: 18px;}
footer .companyinfo .address{color:#fff;margin-left: 30px;}
footer .companyinfo .f-center{position:relative;float:left;margin-top: 60px;margin-left:20px; width:400px;}
footer .companyinfo .f-center ul li{float: left;margin-left:10%;}
footer .companyinfo .f-center ul li .nav-title{font-size: 20px;padding-bottom: 10px;margin-bottom:20px;border-bottom: 1px solid #fff;}
footer .companyinfo .f-center ul li a{color: #fff;}
.f-center ul li div{line-height: 28px;font-size: 14px;}
footer .companyinfo .copy-right{position: relative;float:right;top: 55px;color: #fff;width: 240px;margin-right: 50px}
footer .companyinfo .weixin{position: relative;float:right;top: 50px;right:0;}
footer .companyinfo .weixin a{display:inline-block;margin-right: 40px;margin-bottom: 22px;}
footer .companyinfo .weixin a:nth-of-type(2){margin-right: 0px;}
footer .companyinfo .weixin .erweima{display: block;
  width: 150px;}
footer .companyinfo .weixin p{color: #fff;text-align: center;}
.flink{ width:95%; color:#fff; margin:0 auto; border-top:0px dashed #fff; margin-top:10px;}
.flink a{color:#fff; font-size:12px; margin-left:15px;}
.flink a:hover{ color:#fff; }
.flink span{ color:#fff; font-size:12px;}

/*hamburger*/
.hamburger .line{
  width: 24px;
  height: 1px;
  background-color: #000;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger:hover{cursor: pointer;}
#hamburger-3.is-active .line:nth-child(1),
#hamburger-3.is-active .line:nth-child(3){width: 26px;}
#hamburger-3.is-active .line:nth-child(1){
  -webkit-transform: translateX(-10px) rotate(-45deg);
  -ms-transform: translateX(-10px) rotate(-45deg);
  -o-transform: translateX(-10px) rotate(-45deg);
  transform: translateX(-10px) rotate(-45deg);
}

#hamburger-3.is-active .line:nth-child(3){
  -webkit-transform: translateX(-10px) rotate(45deg);
  -ms-transform: translateX(-10px) rotate(45deg);
  -o-transform: translateX(-10px) rotate(45deg);
  transform: translateX(-10px) rotate(45deg);
}